<template lang="pug">
serchbar
.px-4.pt-4
  .flex.justify-between.items-center
    .font-bold.mb-3 搜索历史
    .text-gray-600.flex(@click="baseStore.clearSearch()")
      .i-lucide-trash-2
      view.leading-4 清空
  .grid.grid-cols-3.gap-x-3.gap-y-2
    view.truncate(v-for="item in searchList" :key="item") {{ item }}
</template>
<script setup>
import serchbar from "@/components/serchbar.vue";
import { useBaseStore } from "@/stores/base";
const baseStore = useBaseStore();
const { searchList } = storeToRefs(baseStore)
</script>
<style scoped lang="scss">
 
</style>